<template>
  <div>
    <oolongBreadcrumb>
      <oolongBreadcrumbItem href="/">Home</oolongBreadcrumbItem>
      <oolongBreadcrumbItem href="/components/breadcrumb">Components</oolongBreadcrumbItem>
      <oolongBreadcrumbItem>Breadcrumb</oolongBreadcrumbItem>
    </oolongBreadcrumb>
    <br><br>
    <oolongBreadcrumb>
      <oolongBreadcrumbItem href="/">
        <oolongIcon type="ios-home-outline"></oolongIcon>
        Home
      </oolongBreadcrumbItem>
      <oolongBreadcrumbItem href="/components/breadcrumb">
        <oolongIcon type="social-buffer-outline"></oolongIcon>
        Components
      </oolongBreadcrumbItem>
      <oolongBreadcrumbItem>
        <oolongIcon type="pound"></oolongIcon>
        Breadcrumb
      </oolongBreadcrumbItem>
    </oolongBreadcrumb>
    <br><br>
    <oolongBreadcrumb separator=">">
      <oolongBreadcrumbItem href="/">Home</oolongBreadcrumbItem>
      <oolongBreadcrumbItem href="/components/breadcrumb">Components</oolongBreadcrumbItem>
      <oolongBreadcrumbItem>Breadcrumb</oolongBreadcrumbItem>
    </oolongBreadcrumb>
    <br><br>
    <oolongBreadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
      <oolongBreadcrumbItem href="/">Home</oolongBreadcrumbItem>
      <oolongBreadcrumbItem href="/components/breadcrumb">Components</oolongBreadcrumbItem>
      <oolongBreadcrumbItem>Breadcrumb</oolongBreadcrumbItem>
    </oolongBreadcrumb>
  </div>
</template>
<script>
  import '../assets/styles/index.less'
  export default{
    data(){
      return {}
    }
  }
</script>
<style lang="scss" scoped>

</style>
